import { computed, defineComponent, inject, reactive, ref } from 'vue'
import '../../../indexTreeGraph/graphContent/IndexGraph/symbolNode.scss'
export default defineComponent({
    name: 'SymbolNode',
    inject: ["getGraph", "getNode"],
    
    setup: (props, {emit}) => {
        const getGraph = inject('getGraph')
        const getNode: any = inject('getNode')
        const state = reactive(getNode().getData())
        const { onSingleCardFilter, onGlobalFilter, ...rest } = state
  
        return () => {
            return (
                <>
                    <div class="single-symbol-card">
                        <div class="symbol-card">
                            <div class="symbol-wrapper">
                                <div class="symbol-wrapper-img">
                                    <img src={state.img} alt="" />
                                </div>   
                            </div>
                        </div>
                    </div>
                </>
            )
        }
    },


})